<template>
	<view>
		<uni-nav-bar fixed="true" backgroundColor="#000" height="120rpx" @clickLeft="back" statusBar="true">
			<view slot="left">
				<uni-icons type="back" size="30" color="#FFF"></uni-icons>
			</view>
		</uni-nav-bar>
		<video :src="src" :autoplay="true" class="video"></video>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: '',
			}
		},
		onLoad(option) {
			this.src = option.src
		},
		methods: {
			back() {
				uni.navigateBack({})
			}
		}
	}
</script>
<style lang="scss" scoped>
	/deep/.uni-navbar {
		.uni-navbar__content {
			border: 0 none !important;
		}
	}
</style>

<style>
	page {
		background-color: #000;
	}

	.video {
		width: 100%;
		margin-top: 50%;
	}
</style>
